<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Document</title>
  <meta name="Keywords" content="华容县职业中专">
  <meta name="description" content="华容县职业中专的简介">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/zui.min.css">
  <script src="js/jquery-1.12.4.min.js"></script>
  <script src="js/zui.min.js"></script>
  <link rel="stylesheet" href="css/swiper.4.4.2.min.css">
  <script src="js/swiper.4.4.2.min.js"></script>
  <link rel="stylesheet" href="css/index.css">
  <script src="js/index.js"></script>
</head>
<body>

  <!--[if lt IE 10]>
    <script>
      $("body").html('<div class="alert alert-danger" style="text-align:center;">您正在使用 <strong>过时的</strong> 浏览器. 为了增强用户体验,请升级你的浏览器!</div>')
    </script>
  <![endif]-->

  <!-- 顶部 -->
  <div class="header">
    <div class="wraper2">
      <div class="head-cont">
        <h1>
          <a href="index.html">
            <img src="imgs/log.png" alt="华容县职业中专" height="92">
          </a>
        </h1>
        <div class="head-sear">
          <a href="index.html" class="h-btns"><i class="icon icon-map-marker"></i> 回到首页</a>
          <a href="javascript:;" class="h-btns" id="login_btn"><i class="icon icon-user"></i> 登录</a>
          <div class="search-box">
            <input tyle="text" placeholder="请输入关键词" id="top_search_input">
            <a href="javascript:;" class="search-btn" id="top_search_btn"><i class="icon icon-search" style="font-size:18px"></i></a>
          </div>
        </div>
      </div>
    </div>
  </div>  
  <!-- 对话框 -->
<div class="wraper2">
  <div class="modal fade" id="myLgModal">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
          <h4 class="modal-title">用户登录</h4>
        </div>
        <div class="modal-body">
          <div class="input-control has-icon-left">
            <input id="inputAccountExample1" type="text" class="form-control" placeholder="用户名">
            <label for="inputAccountExample1" class="input-control-icon-left"><i class="icon icon-user "></i></label>
          </div>
          <div class="input-control has-icon-left" style="margin-top: 20px;">
            <input id="inputPasswordExample1" type="password" class="form-control" placeholder="密码">
            <label for="inputPasswordExample1" class="input-control-icon-left"><i class="icon icon-key"></i></label>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          <button type="button" class="btn btn-primary">保存</button>
        </div>
      </div>
    </div>
  </div>
  <!-- 头部导航 -->
  <div class="top-nav">
    <ul id="top_nav_lists">
      <!-- <li><a href="index.html" class="active"><span>首 页</span></a></li>
      <li>
        <a href="info_page.html#p=xxkk" data-page="xxkk"><span>学校概况</span></a>
        <ul class="child-list">
          <li><a href="###">选项1</a></li>
          <li><a href="###">选项2</a></li>
          <li><a href="###">选项3</a></li>
        </ul>
      </li> -->
    </ul> 
  </div>

  <!-- ---------------- -->
  <!-- ------------------->
    <!-- 移动端导航 -->
    <button class="phone-tapNav-icon visible-xs" href="javascript:;"><i class="icon icon-bars"></i></button>
  <!-- ------------------->
  <!-- ------------------->
</div>
<div class="wraper2">
  <!-- 宣传图 -->
  <div class="banner">
   <div class="swiper-container" id="swiper1">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="imgs/ban1.jpg" alt="" class="dp-center"></div>
        <div class="swiper-slide"><img src="imgs/ban2.jpg" alt="" class="dp-center"></div>
        <div class="swiper-slide"><img src="imgs/ban3.jpg" alt="" class="dp-center"></div>
      </div>
      <div class="swiper-pagination"></div>
      <div class="swiper-button-prev"><i class="icon icon-chevron-left" style="font-size: 20px"></i></div>
      <div class="swiper-button-next"><i class="icon icon-chevron-right" style="font-size: 20px"></i></div>
    </div>
    <script>
      var mySwiper = new Swiper('#swiper1',{
        roundLengths: true,               //对slide大小四舍五入,防止出现小数点
        watchOverflow: true,              //仅有1个slide，不滚动
        // width: 1200, 
        pagination: {
          el: '.swiper-pagination',       //小圆点指示器
          clickable:true,                 //可点击
        },
        navigation: {                     //左右导航按钮
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },
        loop:true,                        //环路
        speed:500,                        //滑动速度
        autoplay: {
          delay: 3000,                    //自动播放间隔
          disableOnInteraction:false,     //用户操作后继续自动播放
        },
        loopedSlides:2                    //预先在两边加载2个slide
      })
    </script> 
  </div>  
  <!-- 内容 -->
  <div class="sc-content">
    <!-- 校园动态 -->
    <div class="campus-dynamics">
      <h3><img src="imgs/n_dt.png" alt="校园动态">校园动态</h3>
      <div class="cd-row">
        <div class="cd-col1">
          <div class="swiper-container" id="swiper2">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img src="imgs/dy_1.jpg" class="dp-center">
                <p class="text2">第一张asdf手动阀阿斯蒂芬阿斯蒂芬撒旦法安抚</p>
              </div>
              <div class="swiper-slide">
                <img src="imgs/dy_1.jpg" class="dp-center">
                <p class="text2">第二张</p>
              </div>
              <div class="swiper-slide">
                <img src="imgs/dy_1.jpg" class="dp-center">
                <p class="text2">第三张</p>
              </div>
            </div>
            <div class="pagination2"></div>
          </div>
          <script> 
            var mySwiper2 = new Swiper('#swiper2',{
              roundLengths: true,               //对slide大小四舍五入,防止出现小数点
              watchOverflow: true,              //仅有1个slide，不滚动
              // width: 420, 
              pagination: {
                el: '.pagination2',       //小圆点指示器
                clickable:true,                 //可点击
              },
              loop:true,                        //环路
              speed:500,                        //滑动速度
              autoplay: {
                delay: 3000,                    //自动播放间隔
                disableOnInteraction:false,     //用户操作后继续自动播放
              }
            })
          </script>
        </div>
        <div class="cd-col2 news">
          <div class="title-bar">
            <span class="title">新闻快讯</span>
            <a href="#" class="sw-right">+ more</a>
          </div>

          <div class="p15-box" style="padding-top: 0;">                          
            <a href="#">                              
              <div class="col1"><i class="icon icon-play"></i></div>  
              <div class="col3">2019.02.15</div>             
              <div class="col2 sw-cj">更丰富更丰盛的是大法官诉讼费</div>
            </a>
            <a href="#">                              
              <div class="col1"><i class="icon icon-play"></i></div>  
              <div class="col3">2019.02.15</div>             
              <div class="col2 sw-cj">更丰富更丰盛的是大法官诉讼费</div>
            </a>
            <a href="#">                              
              <div class="col1"><i class="icon icon-play"></i></div>  
              <div class="col3">2019.02.15</div>             
              <div class="col2 sw-cj">更丰富更丰盛的是大法官诉讼费</div>
            </a>
            <a href="#">                              
              <div class="col1"><i class="icon icon-play"></i></div>  
              <div class="col3">2019.02.15</div>             
              <div class="col2 sw-cj">更丰富更丰盛的是大法官诉讼费</div>
            </a>
            <a href="#">                              
              <div class="col1"><i class="icon icon-play"></i></div>  
              <div class="col3">2019.02.15</div>             
              <div class="col2 sw-cj">更丰富更丰盛的是大法官诉讼费</div>
            </a>
            <a href="#">                              
              <div class="col1"><i class="icon icon-play"></i></div>  
              <div class="col3">2019.02.15</div>             
              <div class="col2 sw-cj">更丰富更丰盛的是大法官诉讼费</div>
            </a>
            <a href="#">                              
              <div class="col1"><i class="icon icon-play"></i></div>  
              <div class="col3">2019.02.15</div>             
              <div class="col2 sw-cj">更丰富更丰盛的是大法官诉讼费</div>
            </a>
            <a href="#">                              
              <div class="col1"><i class="icon icon-play"></i></div>  
              <div class="col3">2019.02.15</div>             
              <div class="col2 sw-cj">更丰富更丰盛的是大法官诉讼费</div>
            </a>
          </div> 
        </div>
        <div class="cd-col3 video-1">
          <div class="box-video">
            <video controls="controls" style="vertical-align: bottom;">
              <source src="http://1251062843.vod2.myqcloud.com/3f080707vodtransgzp1251062843/78b32ad79031868223233700117/v.f20.mp4" type="video/mp4" />
            </video>
            <!-- <p class="box-video-text" style="margin:0">华容县职业中专欢迎你</p> -->
          </div>
          <a href="" class="hidden-xs">
            <img src="imgs/111_01.jpg" width="300" height="100" alt="">
          </a>
        </div>
      </div>
      <div class="cd-row">
        <div class="cd-col1">
          <div class="title-bar">
            <span class="title">通知公告</span>
            <a href="#" class="sw-right">+ more</a>
          </div>
          <div class="stress">
            <div class="item">
              <div class="item-content">
                <div class="media pull-left">
                  <div class="date">
                    <div class="dd">15</div>
                    <div class="yymm">2019.02</div>
                  </div>
                </div>
                <h4><a href="###">HTML5 发展历史</a></h4>
                <div class="text sw-cj2">HTML 5草案的前身名为Web Applications 1.0，是在2004年由WHATWG提出。2008年1月22日，第一份正式草案发布。WHATWG表示该规范是目前仍在进行的工作，仍须多年的努力。[8]目前Mozilla 。
                </div>
              </div>
            </div>
          </div>
          <div class="p15-box p15-boxs">                          
            <a href="#">   
              <div class="time">2019.02.15</div>                           
              <div class="text sw-cj">更丰富更丰盛的是大法官诉讼费更丰富更丰盛的是大法官诉讼费更丰富更丰盛的是大法官诉讼费</div>               
            </a>
            <a href="#">   
              <div class="time">2019.02.15</div>                           
              <div class="text sw-cj">更丰富更丰盛的是大法官诉讼费</div>               
            </a>
            <a href="#">   
              <div class="time">2019.02.15</div>                           
              <div class="text sw-cj">更丰富更丰盛的是大法官诉讼费</div>               
            </a>
            <a href="#">   
              <div class="time">2019.02.15</div>                           
              <div class="text sw-cj">更丰富更丰盛的是大法官诉讼费</div>               
            </a>
            <a href="#">   
              <div class="time">2019.02.15</div>                           
              <div class="text sw-cj">更丰富更丰盛的是大法官诉讼费</div>               
            </a>
          </div> 
        </div>
        <div class="cd-col2">
          <div class="title-bar">
            <span class="title">教育教学</span>
            <a href="#" class="sw-right">+ more</a>
          </div>   
          <div class="stress">
            <div class="item">
              <div class="item-content">
                <div class="media pull-left">
                  <div class="date">
                    <div class="dd">15</div>
                    <div class="yymm">2019.02</div>
                  </div>
                </div>
                <h4><a href="###">HTML5 发展历史</a></h4>
                <div class="text sw-cj2">HTML 5草案的前身名为Web Applications 1.0，是在2004年由WHATWG提出。2008年1月22日，第一份正式草案发布。WHATWG表示该规范是目前仍在进行的工作，仍须多年的努力。[8]目前Mozilla 。
                </div>
              </div>
            </div>
          </div>
          <div class="p15-box p15-boxs">                          
            <a href="#">   
              <div class="time">2019.02.15</div>                           
              <div class="text sw-cj">更丰富更丰盛的是大法官诉讼费更丰富更丰盛的是大法官诉讼费更丰富更丰盛的是大法官诉讼费</div>               
            </a>
            <a href="#">   
              <div class="time">2019.02.15</div>                           
              <div class="text sw-cj">更丰富更丰盛的是大法官诉讼费</div>               
            </a>
            <a href="#">   
              <div class="time">2019.02.15</div>                           
              <div class="text sw-cj">更丰富更丰盛的是大法官诉讼费</div>               
            </a>
            <a href="#">   
              <div class="time">2019.02.15</div>                           
              <div class="text sw-cj">更丰富更丰盛的是大法官诉讼费</div>               
            </a>
            <a href="#">   
              <div class="time">2019.02.15</div>                           
              <div class="text sw-cj">更丰富更丰盛的是大法官诉讼费</div>               
            </a>
          </div>       
        </div>
        <div class="cd-col3">
          <div class="jdxc">
            <a class="jdxc-1" href="http://www.626china.org/" target="_blank" title="中国禁毒数字展览馆">中国禁毒数字展览馆</a>
            <a class="jdxc-2" href="http://www.csjdg.com/" target="_blank" title="湖南(长沙)禁毒数组展览">湖南(长沙)禁毒数组展览</a>
            <a class="jdxc-3" href="http://www.hncdjdg.com/" target="_blank" title="常德禁毒数字展览馆">常德禁毒数字展览馆</a>   
          </div>
        </div>
      </div>
      <div style="" class="cn-xuanchuan">
        <img src="imgs/by.jpg" alt="" class="dp-center">
      </div>
    </div>
  </div>

  <div class="w-xiangce">
    <!-- 校园相册 -->
    <div class="campus-photo">
      <h3><img src="imgs/n_xc.png" alt="校园相册">校园风采</h3>
      <div class="photo-list">
        <a href="javascript:;" class="photo-list-a1" >
          <i class="icon icon-caret-right" ></i>
          <div class="txt">
            省市学生技能<br>获奖学生           
          </div>
        </a>
        <a href="javascript:;" style="overflow: hidden;">
          <div class="box-img">
            <div class="g-y"></div>
            <img src="imgs/xc_1.jpg" class="dp-center" alt="">
          </div>
        </a>
        <a href="javascript:;" class="xs-right photo-list-a2">
          <i class="ph-vis icon icon-caret-left"></i>
          <i class="ph-hid icon icon-caret-down"></i>
          <div class="txt ph-vis">
            专业带头人<br>名师风采           
          </div>
          <div class="txt ph-hid">
            技能实训<br>社会培训           
          </div>
         <!--  <span class="ph-vis">专业带头人<br>名师风采</span>
          <span class="ph-hid">技能实训<br>社会培训</span> -->
        </a>
        <a href="javascript:;"  style="overflow: hidden;">
          <div class="box-img">
            <div class="g-y"></div>
            <img src="imgs/xc_2.jpg" class="dp-center" alt="" >
          </div>
        </a>
      </div>
      <div style="clear:both;"></div>
      <div class="photo-list">
        <a href="javascript:;" class="xs-right" style="overflow:hidden;">
          <div class="box-img">
            <div class="g-y"></div>
            <img src="imgs/xc_3.jpg" class="dp-center" alt="" >
          </div>
        </a>
        <a href="javascript:;" class="photo-list-a3">
          <i class="ph-vis icon icon-caret-right" ></i>
          <i class="ph-hid icon icon-caret-left"></i>
          <div class="txt">
            校内新生军训<br>学生素质培养           
          </div>
          <!-- <span>校内新生军训<br>学生素质培养</span> -->
        </a>
        <a href="javascript:;"  style="overflow: hidden;">
          <div  class="box-img">
            <div class="g-y"></div>
            <img src="imgs/xc_4.jpg" class="dp-center"  alt="" >
          </div>
        </a>
        <a href="javascript:;" class="photo-list-a4">
          <i class="ph-vis icon icon-caret-left"></i>
          <i class="ph-hid icon icon-caret-up"></i>
          <div class="txt ph-did">
            专业带头人<br>名师风采           
          </div>
          <div class="txt ph-vis">
            技能实训<br>社会培训           
          </div>
          <!-- <span class="ph-did">专业带头人<br>名师风采</span>
          <span class="ph-vis">技能实训<br>社会培训</span> -->
        </a>
      </div>
    </div>
    <div style="clear:both;"></div>
    <!-- 友情链接 -->
    <div class="friendly-link hidden-xs">
      <h5>友情链接:</h5>
      <ul>
        <li><a href="###"><i class="icon icon-play"></i> 中国政府网</a></li>
        <li><a href="###"><i class="icon icon-play"></i> 湖南省人民政府</a></li>
        <li><a href="###"><i class="icon icon-play"></i> 湖南省教育部</a></li>
        <li><a href="###"><i class="icon icon-play"></i> 湖南政务服务网</a></li>
        <li><a href="###"><i class="icon icon-play"></i> 中南大学</a></li>
        <li><a href="###"><i class="icon icon-play"></i> 南华大学</a></li>
        <li><a href="###"><i class="icon icon-play"></i> 湖南大学</a></li>
        <li><a href="###"><i class="icon icon-play"></i> 吉首大学</a></li>
        <li><a href="###"><i class="icon icon-play"></i> 湖南科技大学</a></li>
        <li><a href="###"><i class="icon icon-play"></i> 湖南师范大学</a></li>
        <li><a href="###"><i class="icon icon-play"></i> 中南林业科技大学</a></li>
        <li><a href="###"><i class="icon icon-play"></i> 湘潭大学</a></li>
      </ul>
    </div>
  </div>
</div>


  <!-- 底部 -->
  <div class="footer">
    <div class="wraper2">
        <div class="f-wrap">
          <div class="f-list" style="">
            <img src="imgs/bot_log.png" alt="" >
          </div>
          <div class="f-list hidd-xs" style="border:0;">
            <ul class="foLi">
              <li>学校概况</li>
              <li>校园动态</li>
              <li>教育园地</li>
              <li>招生就业</li>
              <li>教生风采</li>
              <li>通知公告</li>
              <li>党建工作</li>
            </ul>
            <a href="javascript:;" class="ewm" style="margin:0 20px 0 0;">
              <img src="imgs/ewm.jpg" alt="">微信公众号
            </a>
            <a href="javascript:;" class="ewm">
              <img src="imgs/ewm.jpg" alt="">微信公众号
            </a>
          </div>
        </div>
        <p class="adress hidden-xs">
          版权所有©华容县职业中专  |  地址：湖南省华容县城东北  |  邮编：13548901158@.139.COM
        </p>
        <div style="clear: both;"></div>
        <p class="adress2 visible-xs">
          版权所有©华容县职业中专 <br>
          地址：湖南省华容县城东北 <br>
          邮编：13548901158@.139.COM
        </p>
      </div>
    </div>
  </div>
<script>
$("#top_nav_lists").html( top_nav_listHTML(obj,true) );
$(".top-nav").on("touchmove",function(e){

  $("html,body").css("overflow-y","hidden");

}).on("touchend",function(){
  $("html,body").css("overflow-y","auto");
})
</script>
</body>
</html>
